<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <script src="js/jquery-3.3.1.min.js"></script>

  <!--一进入页面就发送ajax请求，获取列表数据-->
  <script>
    $(function () {
      // 发送ajax请求
      $.get("provinceServlet",function (data) {
        // [{"id":1,"name":"北京"},{"id":2,"name":"上海"},{"id":3,"name":"广东"},{"id":4,"name":"广西"}]
        var province = $('#province')
        // 遍历数据
        $(data).each(function () {
          // 组装option
          var option = "<option name='" + this.id + "'>" + this.name + "</option>"
          // 将数据填充到下拉列表
          province.append(option)
        })
      })
    })
  </script>

</head>
<body>

<select id="province">
  <option>--请选择省份--</option>
</select>

</body>
</html>